<template>
    <div class="loyout-container"> 
        <!-- 子路由出口 -->
        <router-view/>
        <!-- 标签导航栏 -->
        <van-tabbar v-model="active" route>
            <van-tabbar-item icon="wap-home-o" to="/home">首页</van-tabbar-item>
            <van-tabbar-item icon="comment-o" to="/qa">问答</van-tabbar-item>
            <van-tabbar-item icon="video-o" to="/video">视频</van-tabbar-item>
        <van-tabbar-item icon="manager-o" to="/my">我的</van-tabbar-item>
    </van-tabbar>
    </div>
</template>
<script>
export default {
 name: 'Tabbar',
 data() {
     return {
         active: 0
     }
 }
}
</script>
<style lang="scss" scoped>

</style>
